<template>
	<view class="funds_detail_box">

		<Detal></Detal>

		<view class="detail_footer_box">
			<view class="model_item">
				<image class="collect_img" src="../../../../static/funds/jiazi.png"></image>
				<text class="footer_text">收藏</text>
			</view>
			<view class="model_item">
				<image class="collect_img" src="../../../../static/funds/zu.png"></image>
				<text class="footer_text">圈子</text>
			</view>
			<view class="definite_btn">定投</view>
			<view class="go_pay_btn" @tap="topage">立即购买</view>
		</view>
	</view>
</template>

<script>
	import Detal from "../../../../components/detils/detils.vue"
	export default {
		components:{
			Detal
		},
		data() {
			return {

			}
		},
		methods: {
			changeTab(num) {
				this.currentTab = num;
			},
			topage() {
				uni.navigateTo({
					url: "../pay_index/pay_index"
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.detail_footer_box {
		position: fixed;
		bottom: 0rpx;
		height: 100rpx;
		width: 750rpx;
		background-color: white;
		z-index: 3;
		display: flex;

		.model_item {
			width: 120rpx;
			height: 100rpx;
			border-right: 1rpx solid #f7f7f7;
			display: inline-flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;

			.collect_img {
				width: 45rpx;
				height: 45rpx;
			}

			.footer_text {
				font-size: 24rpx;
				color: #999999;
			}
		}

		.definite_btn {
			width: 240rpx;
			height: 100rpx;
			line-height: 100rpx;
			text-align: center;
			background-color: #e2bc7f;
			color: white;
			font-size: 35rpx;

		}

		.go_pay_btn {
			flex-grow: 1;
			height: 100rpx;
			line-height: 100rpx;
			text-align: center;
			background-color: $uni-global-color-theme;
			color: white;
			font-size: 35rpx;
		}
	}

</style>
